﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>商城</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/webstyle.css" rel="stylesheet">
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery-ui.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
</head>
<body>
	<a href="" class="homepageImage">
		<img src="https://img.yzcdn.cn/upload_files/2016/06/04/Fv2rOwUaGR25k6oDrdtJNGUdT91l.jpg">
	</a>
	<div class="wrapper">
		<div class="wraplist">
			<a href="../index.php" class="wrap" id="1" style="display:none;">
				<div class="title">购买</div>
				<div class="line"></div>
				<div class="content">
					<div class="icon"><img src="https://b.yzcdn.cn/v2/image/tpl_fbb_icon_1.png" alt=""></div>
					<div class="description">真正的原创设计师品牌微商城</div>
				</div>
			</a>
			<a href="../index.php" class="wrap" id="2" style="display:none;">
				<div class="title">淘金</div>
				<div class="line"></div>
				<div class="content">
					<div class="icon"><img src="https://b.yzcdn.cn/v2/image/tpl_fbb_icon_2.png" alt=""></div>
					<div class="description">分享质尚设计，开启淘金之旅</div>
				</div>
			</a>
			<a href="../index.php" class="wrap" id="3" style="display:none;">
				<div class="title">品牌</div>
				<div class="line"></div>
				<div class="content">
					<div class="icon"><img src="https://b.yzcdn.cn/v2/image/tpl_fbb_icon_3.png" alt=""></div>
					<div class="description">质尚原创设计品牌介绍</div>
				</div>
			</a>
			<a href="../index.php" class="wrap" id="4" style="display:none;">
				<div class="title">收益</div>
				<div class="line"></div>
				<div class="content">
					<div class="icon"><img src="https://b.yzcdn.cn/v2/image/tpl_fbb_icon_4.png" alt=""></div>
					<div class="description">质尚原创设计品牌介绍</div>
				</div>
			</a>
		</div>
	</div>
</body>
<script>
	$(document).ready(function(){  
		var linkArr = new Array("#1","#2","#3","#4","#5");
		var count = 1;
		for(var i in linkArr){
			$(linkArr[i]).fadeIn(count * 400);
			count += 1;
		}
		
	});  
	$(function() {
		$('.wraplist').draggable({ revert: true, axis: "x" });
	});
</script>
</html>
